p,span,div{
    word-break: break-all;
}
.content{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    border: 3px solid #b3dcf0;
    border-radius: 20px;
    margin: 40px 20px 5px 20px;
    margin-top: calc(5% + 40px);
    padding: 20px;
}
.content .contentTitle{
    padding: 10px;
    height: 40px;
    margin-left: 10px;
    margin-top: -45px;
    color: #37a2da;
    font-size: 1.6em;
    background-color: white;
}
.content  .detail{
    margin-top: 10px;
    font-size: 1.4em;
    text-align: left;
}
.diamond:before{
    content: url(image/diamond.png);
    display: inline-block;
    width: 18px;
    margin-right: 5px;
    height: 18px;
}
.circle:before{
    content: url(image/circle.png);
    display: inline-block;
    width: 18px;
    margin-right: 5px;
    height: 18px;
}
.jiantou:before{
    content: url(image/jiantou.png);
    display: inline-block;
    width: 18px;
    margin-right: 10px;
    height: 18px;
}
.content .detail p{
    margin-bottom:5px;
}
.collectDetail{
    font-size: 1.2em;
    text-align: left;
    margin:40px 20px 5px 20px;
    
}
.dataAll{
    font-size: 1.2em;
    margin:40px 20px 5px 20px;
    background-color: #F0F7FB;
    text-align: left;
}
.dataAll .greenTitle{
    background-color:rgb(122,199,28);
    margin-left: -5px;

}
.dataAll .allPart{
    display: flex;
    padding:5px 10px;
    margin-top: 15px;
    justify-content: space-around;
}
.dataAll .allPart span{
    background-color: white;
    width:30%;
}
.pDetail{
    margin:10px;
    font-size:1.2em;
    text-align: left;
}
.pDetail span{
    display: inline-block;
}
.marginTitle{
    margin-top: calc(5% + 40px);
}
.iconColor{
    color:#37a2da;
    font-size: 1em;
}
.purple:before{
    content: '';
    display: inline-block;
    border-radius:50%;
    background-color:#6D8CBB;
    width:14px;
    margin-right: 5px;
    height: 14px;
}
.blue:before{
    content: '';
    display: inline-block;
    border-radius:50%;
    background-color:#62BBDB;
    width:14px;
    margin-right: 5px;
    height: 14px;
}
.green:before{
    content: '';
    display: inline-block;
    border-radius:50%;
    background-color:#67CCAE;
    width:14px;
    margin-right: 5px;
    height: 14px;
}
.yellow:before{
    content: '';
    display: inline-block;
    border-radius:50%;
    background-color:#FBC558;
    width:14px;
    margin-right: 5px;
    height: 14px;
}
@media (max-width: 575.98px) { 
    .start{ display: flex; height: 100%; align-items: center;}
    .start img{ width: 100%;}
    .swiper-slide{ font-size: 12px; }
    .swiper-slide h2 {width:50%;line-height: 20px;height: 20px;}
}


@media (min-width: 576px) and (max-width: 767.98px) { 
    .start{ display: flex; height: 70%; align-items: center;}
    img{ width: 100%;}
    .swiper-slide{ font-size: 12px; }
    .swiper-slide h2 {width:50%;line-height: 20px;height: 20px;}

}

@media (min-width: 768px) and (max-width: 991.98px) { 
    .swiper-slide{ font-size: 12px; }
    .swiper-slide h2 {width:20%}
}


@media (min-width: 992px) and (max-width: 1199.98px) { 
    .swiper-slide{ font-size: 18px; }
    .swiper-slide h2 {width:20%}
}


@media (min-width: 1200px) {
    .swiper-slide{ font-size: 18px; }
    .swiper-slide h2 {width:20%}
}